<div class="row layout-fixed m-0 bb-l">
  <div class="column col-250 bg-white br-l">
    <div class="input-holder bg-white">
      <i class="ti-search"></i>
      <input type="text" class="form-control b-0 bg-no no-shadow" placeholder="Search..."
             data-ng-model="searchText" style="">
    </div>
    <div class="text-muted mt-3">Categories</div>
    <ul class="list-group">
      <li>
        <div class="item-content">
          <a>Laptops <span class="float-right font-xs">223</span></a>
        </div>
      </li>
      <li>
        <div class="item-content">
          <a>Tablets <span class="float-right font-xs">24</span></a>
        </div>
      </li>
      <li class="active">
        <div class="item-content">
          <a>Servers <span class="float-right font-xs">33</span></a>
        </div>
      </li>
      <li>
        <div class="item-content">
          <a>Network NAS <span class="float-right font-xs">9</span></a>
        </div>
      </li>
      <li>
        <div class="item-content">
          <a>Cool things <span class="float-right font-xs">2121</span></a>
        </div>
      </li>
      <li>
        <div class="item-content">
          <a>Mobiles <span class="float-right font-xs">55</span></a>
        </div>
      </li>
    </ul>
    <div class="text-muted mt-3">INVENTORY</div>
    <div>
      <ul class="list-group">
        <li>
          <div class="item-content">
            <label class="ui-radio">
              <input type="radio" name="inventory[]"> <i></i> All
            </label>
          </div>
        </li>
        <li>
          <div class="item-content">
            <label class="ui-radio">
              <input type="radio" name="inventory[]" checked> <i></i> In stock
            </label>
          </div>
        </li>
        <li>
          <div class="item-content">
            <label class="ui-radio">
              <input type="radio" name="inventory[]"> <i></i> Sold out
            </label>
          </div>
        </li>
      </ul>
    </div>
    <div class="text-muted mt-3">Amount range</div>
    <div>
      <ul class="list-group">
        <li>
          <div class="item-content">
            <label class="ui-checkbox">
              <input type="checkbox"> <i></i> $0 - $999
            </label>
          </div>
        </li>
        <li>
          <div class="item-content">
            <label class="ui-checkbox">
              <input type="checkbox" checked> <i></i> $1,000 - $1,999
            </label>
          </div>
        </li>
        <li>
          <div class="item-content">
            <label class="ui-checkbox">
              <input type="checkbox"> <i></i> $2,000 - $4,999
            </label>
          </div>
        </li>
        <li>
          <div class="item-content">
            <label class="ui-checkbox">
              <input type="checkbox"> <i></i> $5,000 - $9,999
            </label>
          </div>
        </li>
        <li>
          <div class="item-content">
            <label class="ui-checkbox">
              <input type="checkbox" checked> <i></i> $10,000 +
            </label>
          </div>
        </li>
      </ul>
    </div>
    <div class="text-muted mt-3">Color</div>
    <div>
      <ul class="list-group">
        <li>
          <div class="item-content">
            <label class="ui-checkbox">
              <input type="checkbox"> <i></i> Black
            </label>
          </div>
        </li>
        <li>
          <div class="item-content">
            <label class="ui-checkbox">
              <input type="checkbox"> <i></i> Grey
            </label>
          </div>
        </li>
        <li>
          <div class="item-content">
            <label class="ui-checkbox">
              <input type="checkbox" checked> <i></i> Green
            </label>
          </div>
        </li>
        <li>
          <div class="item-content">
            <label class="ui-checkbox">
              <input type="checkbox" checked> <i></i> Yellow
            </label>
          </div>
        </li>
        <li>
          <div class="item-content">
            <label class="ui-checkbox">
              <input type="checkbox"> <i></i> Brown
            </label>
          </div>
        </li>
      </ul>
      <div class="text-muted mt-3">Other</div>
      <div class="px-3 bt-l bb-l py-2">
        <select class="form-control">
          <option>Nice</option>
          <option>Cool</option>
        </select>
      </div>
      <div class="row my-3">
        <div class="col-sm-12">
          <div class="mx-3">
            <button type="button" class="btn btn-outline-primary rounded px-2">Filter</button>
            <button type="button" class="btn btn-outline-secondary rounded px-2">Reset</button>
          </div>
        </div>
      </div>
    </div>
    <div class="text-muted mt-3 mb-5">Latest invoices</div>
    <ul class="list-group list-group-gap list-group-sm mx-3">
      <li class="list-group-item b-success">
        <div class="text-muted">Invoice #43344334</div>
        <div class="text-success">Paid</div>
      </li>
      <li class="list-group-item">
        Generated invoices <span class="badge">14</span>
        <div class="text-muted">Now</div>
      </li>
      <li class="list-group-item b-warning">
        <div class="text-muted">Invoice fail #2423</div>
        <div class="text-warning">Warning</div>
      </li>
      <li class="list-group-item">
        <div class="text-muted">Invoice #43344334</div>
        <div>Paid</div>
      </li>
      <li class="list-group-item b-danger">
        <div class="text-muted">Invoice fail #2423</div>
        <div class="text-danger">FAIL</div>
      </li>
      <li class="list-group-item">
        Generated invoices
        <div class="text-muted">Tuesday</div>
      </li>
      <li class="list-group-item">
        Generated invoices
        <div class="text-muted">Saturday</div>
      </li>
    </ul>
  </div>
  <div class="column col-100p">
    <div class="row">
      <div class="col-md-12">
        <div class="p-3 bg-white">
          <h1 class="h3 m-0">Products grid</h1>
        </div>
      </div>
    </div>
    <div class="p-3">
      <div class="row row-panel-20 row-gap-10">
        <!-- Start: Product item -->
        <div class="col-sm-4">
          <div class="card mb-3">
            <div class="card-block p-0">
              <div class="item">
                <img src="/static/img/product1.jpg" class="w-100">
                <div class="p-3 relative bottom left right">
                  <div class="p-2 bg-overlayer-dark-lt">
                    <h4 class="m-0 text-white">HP BladeSystem</h4>
                  </div>
                </div>
                <div class="p-3 relative top right bg-info">
                  <div class="p-2">
                    <h4 class="text-white font-weight-bold m-0">15,050 $</h4>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">CATEGORY</div>
                    <div>Servers</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">STATUS</div>
                    <div>In stock</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">SOLD</div>
                    <div>2112</div>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-12 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">DESCRIPTION</div>
                    <div class="mb-2 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                      incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                      ullamco laboris nisi ut aliquip ex ea commodo consequat...
                    </div>
                  </div>
                </div>
              </div>
              <div class="p-2 text-center">
                <div class="btn-group">
                  <button class="btn btn-sm btn-outline-primary rounded">Info</button>
                  <button class="btn btn-sm btn-outline-primary rounded">Edit</button>
                  <button class="btn btn-sm btn-outline-danger rounded">Delete</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- End: Product item -->

        <!-- Start: Product item -->
        <div class="col-sm-4">
          <div class="card mb-3">
            <div class="card-block p-0">
              <div class="item">
                <img src="/static/img/product2.jpg" class="w-100">
                <div class="p-3 relative bottom left right">
                  <div class="p-2 bg-overlayer-dark-lt">
                    <h4 class="m-0 text-white">HP BladeSystem</h4>
                  </div>
                </div>
                <div class="p-3 relative top right bg-info">
                  <div class="p-2">
                    <h4 class="text-white font-weight-bold m-0">15,050 $</h4>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">CATEGORY</div>
                    <div>Servers</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">STATUS</div>
                    <div>In stock</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">SOLD</div>
                    <div>2112</div>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-12 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">DESCRIPTION</div>
                    <div class="mb-2 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                      incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                      ullamco laboris nisi ut aliquip ex ea commodo consequat...
                    </div>
                  </div>
                </div>
              </div>
              <div class="p-2 text-center">
                <div class="btn-group">
                  <button class="btn btn-sm btn-outline-primary rounded">Info</button>
                  <button class="btn btn-sm btn-outline-primary rounded">Edit</button>
                  <button class="btn btn-sm btn-outline-danger rounded">Delete</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- End: Product item -->

        <!-- Start: Product item -->
        <div class="col-sm-4">
          <div class="card mb-3">
            <div class="card-block p-0">
              <div class="item">
                <img src="/static/img/product3.jpg" class="w-100">
                <div class="p-3 relative bottom left right">
                  <div class="p-2 bg-overlayer-dark-lt">
                    <h4 class="m-0 text-white">HP BladeSystem</h4>
                  </div>
                </div>
                <div class="p-3 relative top right bg-info">
                  <div class="p-2">
                    <h4 class="text-white font-weight-bold m-0">15,050 $</h4>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">CATEGORY</div>
                    <div>Servers</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">STATUS</div>
                    <div>In stock</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">SOLD</div>
                    <div>2112</div>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-12 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">DESCRIPTION</div>
                    <div class="mb-2 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                      incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                      ullamco laboris nisi ut aliquip ex ea commodo consequat...
                    </div>
                  </div>
                </div>
              </div>
              <div class="p-2 text-center">
                <div class="btn-group">
                  <button class="btn btn-sm btn-outline-primary rounded">Info</button>
                  <button class="btn btn-sm btn-outline-primary rounded">Edit</button>
                  <button class="btn btn-sm btn-outline-danger rounded">Delete</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- End: Product item -->
      </div>

      <div class="row row-panel-20 row-gap-10">
        <!-- Start: Product item -->
        <div class="col-sm-4">
          <div class="card mb-3">
            <div class="card-block p-0">
              <div class="item">
                <img src="/static/img/product4.jpg" class="w-100">
                <div class="p-3 relative bottom left right">
                  <div class="p-2 bg-overlayer-dark-lt">
                    <h4 class="m-0 text-white">HP BladeSystem</h4>
                  </div>
                </div>
                <div class="p-3 relative top right bg-info">
                  <div class="p-2">
                    <h4 class="text-white font-weight-bold m-0">15,050 $</h4>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">CATEGORY</div>
                    <div>Servers</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">STATUS</div>
                    <div>In stock</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">SOLD</div>
                    <div>2112</div>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-12 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">DESCRIPTION</div>
                    <div class="mb-2 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                      incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                      ullamco laboris nisi ut aliquip ex ea commodo consequat...
                    </div>
                  </div>
                </div>
              </div>
              <div class="p-2 text-center">
                <div class="btn-group">
                  <button class="btn btn-sm btn-outline-primary rounded">Info</button>
                  <button class="btn btn-sm btn-outline-primary rounded">Edit</button>
                  <button class="btn btn-sm btn-outline-danger rounded">Delete</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- End: Product item -->

        <!-- Start: Product item -->
        <div class="col-sm-4">
          <div class="card mb-3">
            <div class="card-block p-0">
              <div class="item">
                <img src="/static/img/product5.jpg" class="w-100">
                <div class="p-3 relative bottom left right">
                  <div class="p-2 bg-overlayer-dark-lt">
                    <h4 class="m-0 text-white">HP BladeSystem</h4>
                  </div>
                </div>
                <div class="p-3 relative top right bg-info">
                  <div class="p-2">
                    <h4 class="text-white font-weight-bold m-0">15,050 $</h4>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">CATEGORY</div>
                    <div>Servers</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">STATUS</div>
                    <div>In stock</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">SOLD</div>
                    <div>2112</div>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-12 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">DESCRIPTION</div>
                    <div class="mb-2 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                      incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                      ullamco laboris nisi ut aliquip ex ea commodo consequat...
                    </div>
                  </div>
                </div>
              </div>
              <div class="p-2 text-center">
                <div class="btn-group">
                  <button class="btn btn-sm btn-outline-primary rounded">Info</button>
                  <button class="btn btn-sm btn-outline-primary rounded">Edit</button>
                  <button class="btn btn-sm btn-outline-danger rounded">Delete</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- End: Product item -->

        <!-- Start: Product item -->
        <div class="col-sm-4">
          <div class="card mb-3">
            <div class="card-block p-0">
              <div class="item">
                <img src="/static/img/product6.jpg" class="w-100">
                <div class="p-3 relative bottom left right">
                  <div class="p-2 bg-overlayer-dark-lt">
                    <h4 class="m-0 text-white">HP BladeSystem</h4>
                  </div>
                </div>
                <div class="p-3 relative top right bg-info">
                  <div class="p-2">
                    <h4 class="text-white font-weight-bold m-0">15,050 $</h4>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">CATEGORY</div>
                    <div>Servers</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">STATUS</div>
                    <div>In stock</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">SOLD</div>
                    <div>2112</div>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-12 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">DESCRIPTION</div>
                    <div class="mb-2 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                      incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                      ullamco laboris nisi ut aliquip ex ea commodo consequat...
                    </div>
                  </div>
                </div>
              </div>
              <div class="p-2 text-center">
                <div class="btn-group">
                  <button class="btn btn-sm btn-outline-primary rounded">Info</button>
                  <button class="btn btn-sm btn-outline-primary rounded">Edit</button>
                  <button class="btn btn-sm btn-outline-danger rounded">Delete</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- End: Product item -->
      </div>

      <div class="row row-panel-20 row-gap-10">
        <!-- Start: Product item -->
        <div class="col-sm-4">
          <div class="card mb-3">
            <div class="card-block p-0">
              <div class="item">
                <img src="/static/img/product3.jpg" class="w-100">
                <div class="p-3 relative bottom left right">
                  <div class="p-2 bg-overlayer-dark-lt">
                    <h4 class="m-0 text-white">HP BladeSystem</h4>
                  </div>
                </div>
                <div class="p-3 relative top right bg-info">
                  <div class="p-2">
                    <h4 class="text-white font-weight-bold m-0">15,050 $</h4>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">CATEGORY</div>
                    <div>Servers</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">STATUS</div>
                    <div>In stock</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">SOLD</div>
                    <div>2112</div>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-12 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">DESCRIPTION</div>
                    <div class="mb-2 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                      incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                      ullamco laboris nisi ut aliquip ex ea commodo consequat...
                    </div>
                  </div>
                </div>
              </div>
              <div class="p-2 text-center">
                <div class="btn-group">
                  <button class="btn btn-sm btn-outline-primary rounded">Info</button>
                  <button class="btn btn-sm btn-outline-primary rounded">Edit</button>
                  <button class="btn btn-sm btn-outline-danger rounded">Delete</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- End: Product item -->

        <!-- Start: Product item -->
        <div class="col-sm-4">
          <div class="card mb-3">
            <div class="card-block p-0">
              <div class="item">
                <img src="/static/img/product2.jpg" class="w-100">
                <div class="p-3 relative bottom left right">
                  <div class="p-2 bg-overlayer-dark-lt">
                    <h4 class="m-0 text-white">HP BladeSystem</h4>
                  </div>
                </div>
                <div class="p-3 relative top right bg-info">
                  <div class="p-2">
                    <h4 class="text-white font-weight-bold m-0">15,050 $</h4>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">CATEGORY</div>
                    <div>Servers</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">STATUS</div>
                    <div>In stock</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">SOLD</div>
                    <div>2112</div>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-12 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">DESCRIPTION</div>
                    <div class="mb-2 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                      incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                      ullamco laboris nisi ut aliquip ex ea commodo consequat...
                    </div>
                  </div>
                </div>
              </div>
              <div class="p-2 text-center">
                <div class="btn-group">
                  <button class="btn btn-sm btn-outline-primary rounded">Info</button>
                  <button class="btn btn-sm btn-outline-primary rounded">Edit</button>
                  <button class="btn btn-sm btn-outline-danger rounded">Delete</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- End: Product item -->

        <!-- Start: Product item -->
        <div class="col-sm-4">
          <div class="card mb-3">
            <div class="card-block p-0">
              <div class="item">
                <img src="/static/img/product1.jpg" class="w-100">
                <div class="p-3 relative bottom left right">
                  <div class="p-2 bg-overlayer-dark-lt">
                    <h4 class="m-0 text-white">HP BladeSystem</h4>
                  </div>
                </div>
                <div class="p-3 relative top right bg-info">
                  <div class="p-2">
                    <h4 class="text-white font-weight-bold m-0">15,050 $</h4>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">CATEGORY</div>
                    <div>Servers</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0 br-l">
                  <div class="p-2">
                    <div class="font-xs text-muted">STATUS</div>
                    <div>In stock</div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-sm-4 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">SOLD</div>
                    <div>2112</div>
                  </div>
                </div>
              </div>
              <div class="row m-0 bg-white bb-l">
                <div class="col-md-12 p-0">
                  <div class="p-2">
                    <div class="font-xs text-muted">DESCRIPTION</div>
                    <div class="mb-2 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                      incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                      ullamco laboris nisi ut aliquip ex ea commodo consequat...
                    </div>
                  </div>
                </div>
              </div>
              <div class="p-2 text-center">
                <div class="btn-group">
                  <button class="btn btn-sm btn-outline-primary rounded">Info</button>
                  <button class="btn btn-sm btn-outline-primary rounded">Edit</button>
                  <button class="btn btn-sm btn-outline-danger rounded">Delete</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- End: Product item -->
      </div>
    </div>
  </div>
</div>
